<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title></title>
  
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/font-awesome.css">
        <link rel="stylesheet" href="./css/xadmin.css">
       
        <link href="//unpkg.com/layui@2.8.2/dist/css/layui.css" rel="stylesheet">
       <link rel="stylesheet" href="./css/common.css">
       <style>
  .layui-table .layui-table-cell{
    height: 107px;
    line-height: 107px;
 
  }
 .layui-table .layui-table-cell .layui-disabled{
    cursor: pointer !important;
  }
  .layui-form-switch.layui-form-onswitch {
  background-color: #409eff; /* 设置开关打开时背景色 */
  border-color: #409eff; /* 设置开关打开时边框颜色 */
}

.layui-table thead tr th div {
  background-color: white;
}
.layui-table  tr  .laytable-cell-1-0-8{
  width: 146px;
}
.states{
  width: 60px;
  height: 32px;
  border: 1px solid#ecf5ff;
  background-color: #ecf5ff;
  margin-top: 39px;
  line-height: 30px;
  color: #40a9ff;
  text-align: center;
  border-radius: 5px;
}
  </style>
        <script type="text/javascript" src="./js/xadmin.js"></script>
        <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>

        <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">内容管理</a>
            <a>
              <cite>文章管理</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>
        <div class="layui-fluid">
          <form action="" class="layui-form-item layui-form layui-row layui-col-space16" id="form-lj">
              <div class="layui-input-group">
                <div class="layui-input-prefix">
                  标题
                </div>
                <input type="text" placeholder="请输入标题" class="layui-input" name="title">
              </div>
                  <div class="layui-input-group ">
                    <div class="layui-input-prefix" >
                      分类
                    </div>
                    <select id="catearr" name="cateid">
                      <option value="">请选择</option>
                    
                    </select>
                  </div>
                  <div class="layui-inline">
                    <label class="layui-form-label">时间</label>
                    <div class="layui-input-inline layui-input-wrap">
                      <div class="layui-input-prefix">
                        <i class="layui-icon layui-icon-date" style=" top: -3px;"></i>
                      </div>
                      <input type="text" name="date" id="date"  placeholder="  开始      至      结束" autocomplete="off" class="layui-input" style="padding-right: 0;">
                    </div>
                  </div>

                     <div class="form-item">
                      <button type="submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="demo1" id="search">
                        <i class="fa fa-search" ></i>
                        提交</button>
                      <button type="reset" class="layui-btn layui-btn-primary" id="reset">
                        <i class="fa fa-refresh" ></i>
                        重置</button>
                     </div>
          </form>
        
           <table class="layui-hide" id="table-lj">

           </table>
        
           <div id="page-box" style="text-align: right;"></div>
         </div>
             
          </div>
        </div>
        <script type="text/html" id="toolBarDemo1">
          <div class="toolBox" >
               <div class="left">
               <button class="layui-btn-primary layui-btn" id="addItem">
               <i class="fa fa-plus left-nav-li"></i>
               新增
               </button>
               <button class="layui-btn-primary layui-btn" lay-event="LAYTABLE_EXPORT" id="download">
               <i class="fa fa-download left-nav-li"></i>
             导出
              </button>
             </div>
             <div class="right">
              <button class="layui-btn-primary layui-btn " id="formChange" lay-event="formChange">
             <i class="fa fa-angle-up left-nav-li"></i>
              </button>
              <button class="layui-btn-primary layui-btn " id="refresh" lay-event="refresh">
             <i class="fa fa-refresh left-nav-li"></i>
              </button>
              <button class="layui-btn-primary layui-btn  " lay-event="LAYTABLE_COLS" id="filter">
             <i class="fa fa-filter left-nav-li"></i>
              </button>
             </div>
              </div>
             </script>
             <script type="text/html" id="toolBarDemo2">
              <div><button class="fa fa-edit layui-bg-blue layui-btn" data-id="{{= d.id }}" id="editbtn"></button><button class="fa fa-trash-o layui-bg-red layui-btn" id="delbtn" data-id="{{= d.id }}"></button></div>
             </script>
             <script type="text/html" id="ID-table-demo-templet-switch1">
              <!-- 这里的 checked 的状态值判断仅作为演示 -->
              <input type="checkbox" name="ishot" value="{{= d.ishot }}"  lay-skin="switch"  disabled lay-filter="demo-templet-ishot" {{= d.ishot == 1 ? "checked" : "" }}>
            </script>
             <script type="text/html" id="ID-table-demo-templet-switch2">
              <!-- 这里的 checked 的状态值判断仅作为演示 -->
              <input type="checkbox" name="istop"  value="{{= d.istop }}"  lay-skin="switch"  disabled lay-filter="demo-templet-istop" {{= d.istop == 1 ? "checked" : "" }}>
            </script>
            <script type="text/html" id="imgTpl">
              <div>
                <img src="{{=d.pic}}" alt="" >
              </div>
            </script>
            <script type="text/html" id="txtTpl">
              <div class="states">
                {{d.status}}
              </div>
            </script>
        <script src="./js/jquery.min.js"></script>
        <script src="./js/axios.min.js"></script>
        <script src="./js/ajaxBase.js"></script>
        <script src="//unpkg.com/layui@2.8.2/dist/layui.js"></script>
        
     <script src="./js/article.js"></script>
     <script src="./js/EasyLazyload.min.js"></script>
     <script>
         lazyLoadInit({
             showTime: 1100,
         });
     </script>
    
   
    </body>
  
</html>